$(function(){
    loadFooter();
    jump(1);
});
function jump(n){
    console.log($(".model"));
    $(".model1").remove();
    console.log($(".model"));
    var tr = $(".model").eq(0).clone();
    console.log(files.length);
    $("#foot font").each(function(){
        $(this).parent().html($(this).html());
    });
    $("#foot a:contains('{0}')".format(n)).html("<font color='red'>{0}</font>".format(n));
    for(var i=3*(n-1);i<3*n && i<files.length;i++){
        console.log("i:"+i);
        var onerow = tr.clone();
		var ext = files[i].substring(files[i].lastIndexOf(".") + 1);
        onerow.find(".lishi").html("<a href=\"download.ashx?fileName={0}.{1}\">{2}</a>".format((i+1), ext, files[i]));
        onerow.removeClass("model");
        onerow.addClass("model1");
        if($(".model1").size() > 0){
            $(".model1").last().after(onerow);
        } else {
            $(".model").last().after(onerow)
        }
        
    }
    
}

function loadFooter(){

    var foot = $("#foot");
    foot.html('<a href="javascript:;" onclick="jump(1)"><img src="../style/images/index_20.gif" width="9" height="16" align="absmiddle"></a>');   
    for(var i = 0; i < files.length; i ++){
        if(i % 3 == 0){
            foot.append('&nbsp;&nbsp;<a href="javascript:;" onclick="jump({0})">{0}</a>'.format(Math.floor(i / 3) + 1));
        }
    } 
    foot.append('&nbsp;&nbsp;<a href="javascript:;" onclick="jump({0})"><img src="../style/images/index_22.gif" width="9" height="16" align="absmiddle"></a>'.format(Math.floor((files.length - 1) / 3) + 1));
}